  <style>
    #applyNowLink {
      color: blue;
      text-decoration: underline;
    }

    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    body {
      height: 100vh;
      margin: 0;
      background: linear-gradient(to bottom, blue, red, white);
    }
h1 {
  color: #fff;
  padding: 20px;
  text-align: center;
  margin: 20px auto;
  max-width: 1000px;
  border-radius: 0.75em;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  position: relative;
  cursor: pointer;
  background: linear-gradient(-45deg, red, white, blue, red);
  background-size: 600% 600%;
  animation: Gradient 30s ease infinite;
}

@keyframes Gradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

h1:before {
  display: none;
}

h1:hover:before {
  display: none;
}

    .container {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px;
    }

   .grid {
      display: grid;
      grid-template-columns: 100%;
      grid-gap: 10px;
      width: 100%;
    }

    .grid-item {
      background-color: #f9f9f9;
      padding: 10px;
      border-radius: 4px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      overflow-y: scroll;
      height: auto;
    }

    select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: #fff;
      border: 1px solid #ccc;
      padding: 10px 20px;
      font-size: 16px;
      color: #333;
      width: 100%;
      border-radius: 4px;
    }

    select:focus {
      outline: none;
      border-color: dodgerblue;
    }

    .carousel-container {
      position: relative;
      height: 100px;
      overflow: hidden;
      margin-top: 20x;
    }

    .carousel-slide {
      display: flex;
      animation: carouselAnimation 30s linear infinite;
    }

    .carousel-image {
      width: 100px;
      height: 100%;
      object-fit: cover;
    }

    @keyframes carouselAnimation {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-100%);
      }
    }

    .scrollable-section {
      overflow-y: auto;
      max-height: calc(100vh - 320px);
    }

    .middle-column {
      align-self: flex-start;
    }

    .bottom-scroll {
      display: flex;
      align-items: center;
      white-space: nowrap;
      padding: 10px 0;
      margin-top: 20px;
      overflow: hidden;
    }

    .bottom-scroll img {
      width: 15%;
      margin-right: 2%;
      transition: transform 0.1s;
    }

    .bottom-scroll img:last-child {
      margin-right: 0;
    }

    .bottom-scroll img.active {
      transform: scale(1.2);
    }
.specialLink {
  display: inline-block;
  padding: 15px 25px;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #FF4500;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.specialLink:hover {
  background-color: #FF6347;
  transform: scale(1.05);
}
.contactButton {
  display: inline-block;
  padding: 10px 15px; /* Smaller padding for smaller button size */
  font-size: 16px; /* Adjust font size as per preference */
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #32CD32; /* Light Green */
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.contactButton:hover {
  background-color: #228B22; /* Darker Green */
  transform: scale(1.05);
}
ul.contact-list {
  list-style-type: none; /* Remove bullet points */
  display: flex; /* Display items horizontally */
  flex-wrap: wrap; /* Allow wrapping for smaller screens */
  justify-content: space-around; /* Distribute items evenly */
  padding: 0; /* Remove padding */
}


<style>
